<script type="text/javascript" src="js/mainUser.js"></script>
<table width="100%">
  <tr>
    <td id="header"  colspan="2">
        <table width="100%">
          <tr>
            <th width="100%" id="userHeader"></th>
            <th><input type="button" id="logout" value="logout" onclick="logoutcon();" /></th>
          </tr>
        </table>
    </td>
  </tr>
  <tr>
    <td width="280" valign="top">
    <li id="li_main" onClick="main_button();">หน้าแรก</li><br>
    <li id="li_plan" onClick="sPlan_button();">วางแผนการเรียน</li><br>
    <!--<li id="li_view" onClick="view_button();">มนช.20</li><br>!-->
    <li id="li_structure" onClick="structure_button();">โครงสร้างหลักสูตร</li><br>
    <div id="tooltip"><br>Subject Name จะมี สอง สถานะ<br>
    สีดำ : วิชาได้เปิดในภาคเรียนนี้<br>
    สีเทา : วิชานี้ไม่ได้เปิดในภาคเรียนนี้<br><br>
    Pre Subject จะมี สาม สถานะ<br>
    สีดำ : วิชานี้ไม่มีเงื่อนไขเงื่อนไข<br>ในการลงทะเบียน<br>
    สีแดง : วิชานี้ยังไม่ผ่านเงื่อนไข<br>ในการลงทะเบียน<br>
    สีเขียน : วิชานี้ได้ผ่านเงื่อนไข<br>ในการลงทะเบียนแล้ว<br><br>
    Grade เมื่อเป็นสีขาวแสดงว่าวิชานั้น<br>จะไม่นำไปคิดเกรดเฉลี่ย<br><br>
    หาก Credit กลายเป็นสีแดง แสดงว่า<br> หน่วยกิตเกินในเทอมนั้น</div>
    </td>
    <td>
    	<table id="workarea">
        </table>
    </td>
  </tr>
</table>
